home *** CD-ROM | disk | FTP | other *** search
/ PCGUIA 127 / PC Guia 127.iso / Software / Utils / ArovaxShield / ashield_1_setup_314.exe / HTMLayout.dll / 4105 / HTML / 107
Encoding:
Text File  |  2005-11-18  |  8.1 KB  |  391 lines
  1. /* hyperlinks */
  2. a:link { text-decoration:underline; color:blue; cursor:pointer; behavior:hyperlink; }
  3. a:link:hover { color:red; }
  4. a:link:active { text-decoration:none; }
  5.  
  6. /* edit box and numeric input*/
  7. input[type="text"],
  8. input[type="number"]
  9. { 
  10.     font-family:system;
  11.     padding:3px; 
  12.     height:1em; 
  13.     width:1em; 
  14.     behavior:edit; 
  15.     background-image:url(theme:edit-normal); 
  16.     background-repeat:stretch; 
  17.     width: min-intrinsic;
  18.     height: min-intrinsic;
  19.     text-align: left;
  20.     cursor:text;
  21. }
  22.  
  23. input[type="hidden"] { display:none; }
  24.  
  25. input[type="number"]
  26. {
  27.     text-align: right;
  28.     behavior:number; 
  29. }
  30.  
  31. input[type="number"][invalid]
  32. {
  33.     color:red;
  34. }
  35.  
  36.  
  37. input[type="number"] > button.minus
  38. {
  39.     padding:0;
  40.     background-image:url(theme:v-spin-minus-normal); 
  41.     background-repeat:stretch; 
  42. }
  43. input[type="number"] > button.minus:hover
  44. {
  45.     background-image:url(theme:v-spin-minus-hover); 
  46. }
  47. input[type="number"] > button.minus:active
  48. {
  49.     background-image:url(theme:v-spin-minus-pressed); 
  50. }
  51. input[type="number"] > button.plus
  52. {
  53.     padding:0;
  54.     background-image:url(theme:v-spin-plus-normal); 
  55.     background-repeat:stretch; 
  56. }
  57. input[type="number"] > button.plus:hover
  58. {
  59.     background-image:url(theme:v-spin-plus-hover); 
  60. }
  61. input[type="number"] > button.plus:active
  62. {
  63.     background-image:url(theme:v-spin-plus-pressed); 
  64. }
  65.  
  66.  
  67. /* text button */
  68. input[type="button"], button 
  69. { 
  70.     padding:4px 8px; 
  71.     display:inline-block;
  72.     white-space: nowrap;
  73.     behavior:button; 
  74.     background-repeat:stretch; 
  75.     background-image:url(theme:button-normal); 
  76.     cursor:default;
  77. }
  78. input[type="button"]:hover, button:hover
  79. { 
  80.     background-image:url(theme:button-hover);  
  81.     transition: blend;
  82. }
  83. input[type="button"]:active, button:active
  84. { 
  85.     background-image:url(theme:button-pressed);  
  86. }
  87. input[type="button"]:disabled, button[disabled] 
  88. { 
  89.     background-image:url(theme:button-disabled);  
  90. }
  91. input[type="button"]:focus, button:focus 
  92. {
  93.   outline:1px dotted black -4px; /* inside */
  94. }
  95.  
  96.  
  97. /* radio button */
  98. input[type="radio"]
  99. { 
  100.     padding:5px; 
  101.     height:13px; 
  102.     width:13px; 
  103.     behavior:radio; 
  104.     background-repeat:no-repeat; 
  105.     background-position:50% 50%;
  106.     background-image:url(theme:radio-normal);  
  107.     cursor:default;
  108. }
  109. input[type="radio"]:hover
  110. { 
  111.     background-image:url(theme:radio-hover);  
  112. }
  113. input[type="radio"]:active
  114. { 
  115.     background-image:url(theme:radio-pressed);  
  116. }
  117. input[type="radio"]:disabled
  118. { 
  119.     background-image:url(theme:radio-disabled);  
  120. }
  121. input[type="radio"]:checked
  122. { 
  123.     background-image:url(theme:radio-checked-normal);  
  124. }
  125. input[type="radio"]:checked:hover
  126. { 
  127.     background-image:url(theme:radio-checked-hover);  
  128. }
  129. input[type="radio"]:checked:active
  130. { 
  131.     background-image:url(theme:radio-checked-pressed);  
  132. }
  133. input[type="radio"]:checked:disabled
  134. { 
  135.     background-image:url(theme:radio-checked-disabled);  
  136. }
  137.  
  138. input[type="radio"]:focus 
  139. {
  140.   outline:1px dotted black -3px; /* inside */
  141. }
  142.  
  143. /* checkbox button */
  144. input[type="checkbox"]
  145. { 
  146.     padding:5px; 
  147.     height:13px; 
  148.     width:13px; 
  149.     behavior:check; 
  150.     background-repeat:no-repeat; 
  151.     background-position:50% 50%;
  152.     background-image:url(theme:check-normal);  
  153.     cursor:default;
  154. }
  155. input[type="checkbox"]:hover
  156. { 
  157.     background-image:url(theme:check-hover);  
  158. }
  159. input[type="checkbox"]:active
  160. { 
  161.     background-image:url(theme:check-pressed);  
  162. }
  163. input[type="checkbox"]:disabled
  164. { 
  165.     background-image:url(theme:check-disabled);  
  166. }
  167. input[type="checkbox"]:checked
  168. { 
  169.     background-image:url(theme:check-checked-normal);  
  170. }
  171. input[type="checkbox"]:checked:hover
  172. { 
  173.     background-image:url(theme:check-checked-hover);  
  174. }
  175. input[type="checkbox"]:checked:active
  176. { 
  177.     background-image:url(theme:check-checked-pressed);  
  178. }
  179. input[type="checkbox"]:checked:disabled
  180. { 
  181.     background-image:url(theme:check-checked-disabled);  
  182. }
  183. input[type="checkbox"]:focus 
  184. {
  185.   outline:1px dotted black -3px; /* inside */
  186. }
  187.  
  188.  
  189. /* select (not dropdown) */
  190. select[type="select"], widget[type="select"]
  191. { 
  192.     overflow-x:hidden; 
  193.     overflow-y:auto; 
  194.     behavior:select; 
  195.     padding:2px; 
  196.     background-repeat:stretch; 
  197.     background-image:url(theme:edit-normal); 
  198.     width: max-intrinsic;
  199.     height: max-intrinsic;
  200. }
  201.  
  202. optgroup > caption 
  203. { 
  204.     padding:3px 3px; font-weight:bold; 
  205.     color: graytext; 
  206. }
  207.  
  208. option 
  209. { 
  210.     padding:0px 3px; 
  211. }
  212.  
  213. option:checked 
  214. { 
  215.     background-color:threedlight; color:windowtext; 
  216. }
  217.  
  218. select[type="select"][multiple] option, 
  219. widget[type="select"][multiple] option
  220. {
  221.     padding: 2px 0px 2px 20px; 
  222.        background-repeat:no-repeat; 
  223.     background-position:4px 50%;
  224.     background-image:url(theme:check-normal);  
  225. }
  226.  
  227. select[type="select"][multiple] option:checked, 
  228. widget[type="select"][multiple] option:checked
  229. {
  230.     background-image:url(theme:check-checked-normal);  
  231. }
  232.  
  233.  
  234. widget:focus option:current, 
  235. select:focus option:current 
  236. { 
  237.     background-color:highlight; color:highlighttext; 
  238. }
  239.  
  240. optgroup > option 
  241. { 
  242.     padding:0px 19px; 
  243. }
  244.  
  245. options
  246. {
  247.     padding-left:32px;
  248.     foreground-image:url(theme:tree-view-glyph-closed);
  249.     foreground-repeat: no-repeat;
  250.     foreground-position: 3px 3px;
  251. }
  252.  
  253. options:expanded
  254. {
  255.     foreground-image:url(theme:tree-view-glyph-open);
  256. }
  257.  
  258. /* all elements in <options> by default are non-visible */
  259. options > *    { display:none; }
  260.  
  261. /* elements in open options are visible */
  262. options:expanded > * { display:block; }
  263.  
  264. /* options caption element, always visible */
  265. options > :first-child
  266. {
  267.   padding:0 3px;
  268.   display:block;
  269.   margin-left:-16px;
  270. }
  271. options:current > :first-child
  272. { 
  273.   background-color:threedlight; color:windowtext; 
  274. }
  275.  
  276. widget:focus options:current > :first-child,
  277. select:focus options:current > :first-child
  278. { 
  279.   background-color:highlight; color:highlighttext; 
  280. }
  281.  
  282. /* options caption element, always visible */
  283. select[type="select-dropdown"]
  284. {    
  285.     overflow:hidden; 
  286.     behavior:dropdown-select;
  287.     padding:0;
  288.     flow:horizontal;  /* caption, button*/
  289.     background-repeat:stretch; 
  290.     background-image:url(theme:edit-normal); 
  291.     width: max-intrinsic;
  292.     height: max-intrinsic;
  293. }
  294.  
  295. /* caption portion of combobox */
  296. select[type="select-dropdown"] > caption
  297. { 
  298.     padding:1px 3px;
  299.     margin:2px 0px 2px 2px; 
  300.     overflow:hidden; 
  301.     width:100%%; /* everything left from button */
  302.     height:100%%; /* takes full height */
  303.     vertical-align:middle;
  304.     white-space: nowrap;
  305.     background-color:window; color:windowtext; 
  306. }
  307.  
  308. /* caption portion of combobox when select is in focus */
  309. select[type="select-dropdown"]:focus > caption
  310. { 
  311.     background-color:highlight; color:highlighttext; 
  312. }
  313.  
  314. /* popup select element */
  315. select[type="select-dropdown"] > select
  316. { 
  317.     overflow-x:hidden; 
  318.     overflow-y:auto; 
  319.     padding:2px; 
  320.     display:none; /* invisible normally */
  321.     /* background-repeat:stretch; 
  322.        background-image:url(theme:edit-normal); 
  323.     */
  324.     border:1px solid threedshadow;
  325.     background-color: window; 
  326.     behavior:select; 
  327.     width: max-intrinsic;
  328.     height: max-intrinsic;
  329. }
  330.  
  331. /* dropdown button of the combobox */
  332. select[type="select-dropdown"] > button
  333. {
  334.     width: 15px; /* metrics(width, theme:combobox-button-normal) */
  335.     margin:1px 1px 1px 0px; 
  336.     padding:0px; 
  337.     height:100%%;
  338.     background-repeat:stretch; 
  339.     background-image:url(theme:combobox-button-normal);
  340. }
  341. select[type="select-dropdown"] > button:hover
  342. {
  343.     background-image:url(theme:combobox-button-hover);
  344. }
  345. select[type="select-dropdown"] > button:active
  346. {
  347.     background-image:url(theme:combobox-button-pressed);
  348. }
  349.  
  350. textarea, htmlarea
  351. {
  352.     padding:3px; 
  353.     behavior:text; 
  354.     background-image:url(theme:edit-normal); 
  355.     background-repeat:stretch; 
  356.     width: min-intrinsic;
  357.     height: min-intrinsic;
  358.     overflow-x:auto; 
  359.     overflow-y:scroll; 
  360. }
  361.  
  362. textarea[wrap="off"]
  363. {
  364.     overflow-x:scroll; 
  365.     overflow-y:scroll; 
  366. }
  367.  
  368. widget[type="textarea"], widget[type="htmlarea"]
  369. {
  370.     padding:3px; 
  371.     behavior:text; 
  372.     background-image:url(theme:edit-normal); 
  373.     background-repeat:stretch; 
  374.     overflow-x:auto; 
  375.     overflow-y:scroll; 
  376. }
  377.  
  378. popup
  379. { 
  380.     border:1px solid threedshadow;
  381.     background-color: infobackground;
  382.     font-family:system;
  383.     color:infotext;
  384.     padding:1px 2px; 
  385.     display:none; /* invisible normally */
  386.     width: max-intrinsic;
  387.     height: max-intrinsic;
  388. }
  389.  
  390.  
  391.